<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ name }}作品详情</title>
    <script src="../../static/min.js"></script>
    <style>
        *{margin: 0;
        padding: 0}
        h2{
            width: 300px;
            margin: 0 auto;
        }
        #title{
            padding-bottom: 10px;
            overflow: hidden;
            margin: 0 auto;
            width: 700px;
        }
        img{
            cursor: pointer;
        }
        #picture{
            width: 200px;
            height: 200px;
            background-size:100%
        }
        #page{
            overflow: hidden;
            margin: 0 auto;
            width: 700px;
        }
        span{
            float: left;
            padding-right: 10px;
        }
        .temp_video{
            cursor: pointer;
        }

    </style>
</head>
<body>
    <h2> {{ name }}作品详情</h2>
    {% for item in data %}
        <div id="title">
            <div>{{ item.title }}</div>
            <div id="picture" style="background-image: url('data:image/png;base64,{{ item.picture }}')"></div>
            <div class="left">磁力链接:{{ item.cili }}</div>
        </div>
    {% endfor %}
    <div id="page">
    {% if page_number > 1 %}
        <span><a href="/{{ name }}/page={{ page_prvious}}">上一页</a></span>
    {% endif %}
    {% if max_number == 1 %}
    {% else %}
    {% for page in pge_list %}
        {% if page_number == page %}
        	<span>第{{ page }}页</span>
            {% else %}
            <span><a href="/{{ name }}/page={{ page }}">第{{ page }}页</a></span>
        {% endif %}
    {% endfor %}
    {% endif %}
    {% if page_number < max_number %}
        <span><a href="/{{ name }}/page={{ page_next}}">下一页</a></span>
    {% endif %}
    </div>
{#        <div style="width:200px;margin: 0 auto">#}
{#            <audio autoplay loop>#}
{#                <source src="../../static/music/陈倩倩-巧解姻缘天作合.mp3" type="audio/mpeg">#}
{#                your music is running without any button to control#}
{#            </audio>#}
{#        </div>#}
    <iframe src="/video" frameborder="0">
        
    </iframe>

    <div style="margin: 0 auto;width: 500px;padding-top:10px">
        <p>2024-05-19&copy;2024 韦某人荣誉出品 京公网安备110000020</p>
    </div>
    

</body>
    <script>
    </script>
</html>